<%--
  Created by IntelliJ IDEA.
  User: alleon
  Date: Jun 23, 2008
  Time: 11:31:03 AM
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" %>
<html>
  <head>
      <title>Sample page</title>
      <g:javascript library="yui" />
            
      <yui:javascript dir="yahoo" file="yahoo-min.js" />
      <yui:javascript dir="event" file="event-min.js" />
      <yui:javascript dir="connection" file="connection-min.js" />

      <yui:javascript dir="logger" file="logger-min.js" />
      <yui:stylesheet dir="logger/assets/skins/sam" file="logger.css" />

      <yui:javascript dir="container" file="container-min.js" />
      <yui:stylesheet dir="container/assets/skins/sam" file="container.css" />

      <yui:javascript dir="animation" file="animation-min.js" />
      <yui:javascript dir="dragdrop" file="dragdrop-min.js" />
      <yui:javascript dir="dom" file="dom-min.js" />
      <yui:javascript dir="element" file="element-beta-min.js" />
      <yui:javascript dir="yuiloader" file="yuiloader-beta-min.js" />

      <yui:javascript dir="json" file="json-min.js" />
  </head>
  <body class="yui-skin-sam">
    <div id="panel">
        <div class="hd">Panel header</div>
        <div class="bd">Panel body</div>
        <div class="ft">Panel footer</div>
    </div>
    <g:javascript>
        function init() {
            var panel = new YAHOO.widget.Panel("panel", {visible:false, constraintoviewport:true, draggable:true} );
            panel.render();
            panel.show();
        }
        YAHOO.util.Event.addListener(window, "load", init);
    </g:javascript>
  </body>
</html>